<template>
    <div>
        <div>
            <div v-for="(item,index) in SongDetails" :key=index class="songDetailBox">
                我是推荐列表详情
                <div class="header">
                    <span class="spanLeft" @click="goback">返回</span>
                    <span class="spanRight">{{item.name}}</span>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    import getSongDetails from "@/api/api"
    export default {
        name: "SongListDetail",
        data() {
            return {
                icon: {
                    active: 'https://img.yzcdn.cn/vant/user-active.png',
                    inactive: 'https://img.yzcdn.cn/vant/user-inactive.png',
                    valaue: 50,
                },
                SongDetails: [],
            }
        },
        //歌单详情
        created() {
            getSongDetails(this.$route.query.songId).then((res) => {
                console.log(res)
                this.SongDetails = res.songs
            })
        }
    }
</script>
<style scoped>

</style>